D3 Tips and Tricks v7.x by Malcolm Maclean

Author:Malcolm Maclean [Malcolm Maclean]
Language: eng
Format: epub, pdf
Publisher: leanpub.com
Published: 2021-06-20T00:00:00+00:00

The second change sets the size of the graphic. Here the width and height are swapped as part of the rotation.

// declares a tree layout and assigns the size var treemap = d3.tree() .size([height, width]);

When we add the links we need to incorporate the rotation and the easiest way to appreciate the change is to compare the two pieces of code at the same time. In fact it is only when we draw the ‘d’ attribute for the path that we see the changes.

Firstly the vertical tree code;

.attr("d", function(d) { return "M" + d.x + "," + d.y + "C" + d.x + "," + (d.y + d.parent.y) / 2 + " " + d.parent.x + "," + (d.y + d.parent.y) / 2 + " " + d.parent.x + "," + d.parent.y; });

Download

Copyright Disclaimer:
This site does not store any files on its server. We only index and link to content provided by other sites. Please contact the content providers to delete copyright contents if any and email us, we'll remove relevant links or contents immediately.